﻿<div class="btn-toolbar" id="btn-toolbar" data-role="editor-toolbar">
    <div class="btn-group">
        <div class="dropdown">
            <a class="btn dropdown-toggle first-child" data-toggle="dropdown" title="文字大小">
                <i class="glyphicon glyphicon-text-width">
                </i>
                &nbsp;
                <b class="caret">
                </b>
            </a>
            <ul class="dropdown-menu size-menu">
                <li>
                    <a dropdown-toggle data-edit="fontSize 7 60px">
                        60px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 7 48px">
                        48px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 7 36px">
                        36px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 7 30px">
                        30px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 6 24px">
                        24px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 5 20px">
                        20px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 4 18px">
                        18px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 3 16px">
                        16px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 2 14px">
                        14px
                    </a>
                </li>
                <li>
                    <a dropdown-toggle data-edit="fontSize 1 12px">
                        12px
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="btn-group">
        <div class="dropdown">
            <a class="btn dropdown-toggle" data-toggle="dropdown" title="文字颜色">
                <i class="glyphicon glyphicon-font color-btn">
                </i>
                &nbsp;
                <b class="caret">
                </b>
            </a>
            <ul class="dropdown-menu color-menu"></ul>
        </div>
    </div>
    <div class="btn-group">
        <div class="dropdown">
            <a class="btn dropdown-toggle" data-toggle="dropdown" title="文字背景颜色">
                <i class="glyphicon glyphicon-font bgcolor-btn">
                </i>
                &nbsp;
                <b class="caret">
                </b>
            </a>
            <ul class="dropdown-menu bgcolor-menu"></ul>
        </div>
    </div>
    <div class="btn-group">
        <a class="btn" data-edit="bold" title="文字加粗">
            <i class="glyphicon glyphicon-bold">
            </i>
        </a>
    </div>
    <div class="btn-group">
        <a class="btn" data-edit="justifyleft" title="文字居左">
            <i class="glyphicon glyphicon-align-left">
            </i>
        </a>
        <a class="btn" data-edit="justifycenter" title="文字居中">
            <i class="glyphicon glyphicon-align-center">
            </i>
        </a>
        <a class="btn" data-edit="justifyright" title="文字居右">
            <i class="glyphicon glyphicon-align-right">
            </i>
        </a>
    </div>
    <div class="btn-group">
        <div class="dropdown">
            <a class="btn dropdown-toggle createLink" data-toggle="dropdown" sceneid="{{sceneId}}"
               title="先选中要加连接的文字">
                <i class="fa fa-link">
                </i>
            </a>
            <div class="dropdown-menu input-append" style="min-width: 335px;padding:4px 4px 14px 19px;">
                <div class="span4" style="margin-top:10px;">
                    <input name="external" ng-model="link" class="span2" type="radio" value="external"
                           style="vertical-align:middle;margin:0px;">
                    网站地址：
                    <input class="span2" placeholder="URL" sceneid="{{sceneId}}" type="text"
                           data-edit="createLink" value="http://" style="border-radius:0px;width:200px;height:35px;" />
                </div>
                <!-- <input class="span2" placeholder="URL" sceneid="{{sceneId}}" type="text"
                data-edit="createLink" value="http://"/>
                -->
                <div class="span4" style="margin-top: 10px;">
                    <input name="internal" ng-model="link" class="span2" type="radio" value="internal"
                           style="vertical-align:middle;margin:0px;">
                    产品页面：
                    <select class="span2" style="width: 200px;height:35px;" ng-options="page.name for page in internalLinks"
                            sceneid="{{sceneId}}" data-edit="createLink" pageid="{{internalLink.id}}"
                            ng-model="internalLink"></select>
                </div>
                <div style="text-align:center">
                    <a class="btn-main" style="color:#FFF; margin-top:20px;" dropdown-toggle>
                        确定
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="btn-group">
        <a class="btn" data-edit="unlink" title="清除超链接">
            <i class="fa fa-unlink">
            </i>
        </a>
    </div>
    <div class="btn-group">
        <a class="btn last-child" data-edit="RemoveFormat" title="清除样式">
            <i class="fa fa-eraser">
            </i>
        </a>
    </div>
</div>